﻿@model GPS.ENTITYS.CrudModelDKH_LOP

@{
    ViewBag.Title = "Tạo mới CrudModelDKH_LOP";
}

<style type="text/css">
    .btn-file {
        position: relative;
        overflow: hidden;
    }

        .btn-file input[type=file] {
            position: absolute;
            top: 0;
            right: 0;
            min-width: 100%;
            min-height: 100%;
            font-size: 100px;
            text-align: right;
            filter: alpha(opacity=0);
            opacity: 0;
            background: red;
            cursor: inherit;
            display: block;
        }

    input[readonly] {
        background-color: white !important;
        cursor: text !important;
    }
</style>

@using (Html.BeginForm("GPS_DKH_LOP", "GPS_XepLich", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
    @Html.AntiForgeryToken()


    @Html.ValidationSummary(true)

    <div id="tabs">
        <ul>
            <li><a href="#tabs-1">Thông tin tính toán </a></li>

        </ul>

        <div id="tabs-1">
            @Html.Hidden("IsEdit", 0)

            <fieldset class="fdb-scheduler-border">
                <legend class="fdb-scheduler-border">Thông tin tính toán </legend>

                <div class="row margin-top-05">
                    <div class="col-md-2 control-label">
                        Mã khóa học
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.KH_LOP_KH_MA, new { @class = "form-control", @id = "KH_LOP_KH_MA", @readonly = "readonly" })
                    
                    </div>

                   
                </div>

                @if (Model.GroupByHocVien != null)
                {
                    @*Hiên thị group count(*) theo hạng*@
                    // Dictionary<string, int> groupsHocVien = (Dictionary<string, int>)ViewBag.GroupByHocVien;
                    int count = 0;
                    for (int i = 0; i < Model.GroupByHocVien.Count; i++)
                    {
                        count += Model.GroupByHocVien[Model.GroupByHocVien.Keys.ToList()[i]];
                        <div class="row margin-top-05">
                            <div class="col-md-2 control-label">
                                Hạng
                            </div>
                            <div class="col-md-4">
                                <b>@Model.GroupByHocVien.Keys.ToList()[i]</b>
                            </div>
                            <div class="col-md-2 control-label">
                                Số lượng
                            </div>
                            <div class="col-md-4">
                                <b>@Model.GroupByHocVien[Model.GroupByHocVien.Keys.ToList()[i]]</b>
                            </div>
                        </div>
                    }

                    <div class="row margin-top-05">
                        <div class="col-md-2 control-label">
                            Số lượng học viên
                        </div>
                        <div class="col-md-4">
                            <b>@count</b>
                        </div>
                        <div class="col-md-2 control-label">
                            Tổng số Hạng đăng ký
                        </div>
                        <div class="col-md-4">
                            <b>@Model.GroupByHocVien.Count</b>
                        </div>
                    </div>



                }
               

                <div class="row margin-top-05">

                    <div class="col-md-2 control-label">
                        Số học viên Min/lớp
                    </div>
                    <div class="col-md-2">
                        @Html.TextBoxFor(model => model.MIN_HOCVIEN, new { @class = "form-control" })

                    </div>
                    <div class="col-md-2 control-label">
                        Số học viên/lớp
                    </div>
                    <div class="col-md-4">
                        @Html.TextBoxFor(model => model.MAX_HOCVIEN, new { @class = "form-control" })

                    </div>

                </div>

               
            </fieldset>
            <br />


        </div>


    </div>

      <br />

    <fieldset class="fdb-scheduler-border">
        <legend class="fdb-scheduler-search-border">Kết quả tạo lớp</legend>

        <label id="lblMessageTotal" style="color:blue; font-weight:bold">Tổng số bản ghi: @ViewBag.TotalRow</label> &nbsp;&nbsp;&nbsp;

        <table class="table table-hover table-bordered table-condensed">
            <tr>
                <th>
                    Mã lớp học
                </th>
                
                <th>
                    Mã đơn vị GTVT
                </th>
                <th>
                    Mã khóa học
                </th>
                <th>
                   Tên lớp học
                </th>
                <th>
                   Hạng GPLX
                </th>
                <th>
                   Hạng ĐT
                </th>

                <th>
                    Ngày bắt đầu
                </th>
                <th>
                    Ngày kết thúc
                </th>
                <th>
                   Tổng số học viên
                </th>

                @*<th>
                    Trạng thái
                </th>*@
                <th></th>
            </tr>
            @{
                if (Model.SearchResults != null)
                {
                    foreach (var item in Model.SearchResults)
                    {
                        <tr>
                            <td>
                                @Html.DisplayFor(modelItem => item.KH_LOP_MA)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => (item.KH_LOP_DVGTVT_MA))
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.KH_LOP_KH_MA)
                            </td>
                         
                            <td>
                                @Html.DisplayFor(modelItem => item.KH_LOP_TEN)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.KH_LOP_HGPLX_MA)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.KH_LOP_HANGDT_MA)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.KH_LOP_NGAYBD)
                            </td>
                            <td>
                                @Html.DisplayFor(modelItem => item.KH_LOP_NGAYKT)
                            </td>

                            <td>
                                @Html.DisplayFor(modelItem => item.KH_LOP_TONGHV)
                            </td>

                            @*<td>
                                @Html.DisplayFor(modelItem => item.KH_ACTIVE)
                            </td>*@

                            <td>
                                <div class="pull-right">

                                    <a href="@Url.Action("GPS_DKH_LOP_LH_SCHED", "GPS_XepLich", new { id1 = System.Uri.EscapeDataString(item.KH_LOP_MA) })">
                                        <img src="@Url.Content("~/fonts/grid-edit-icon.png")" title="Tạo lịch học" />
                                    </a>

                                    <a href="@Url.Action("ViewLopHoc", "GPS_XepLich", new { id1 = System.Uri.EscapeDataString(item.KH_LOP_MA) })">
                                        <img src="@Url.Content("~/fonts/grid-edit-icon.png")" title="Xem thông tin lớp học" />
                                    </a>

                                
                                </div>
                            </td>
                        </tr>
                    }
                }
            }

        </table>
    </fieldset>

    <br />

    <div class="row">
        <div class="col-md-12">
            @*<input type="submit" value="Cập nhật" class="btn btn-info btn-sm" />*@
            <button type="submit" class="btn btn-danger btn-sm">
                <span class="glyphicon glyphicon-floppy-disk"></span> Tạo lớp
            </button>
            &nbsp;&nbsp;
            @Html.ActionLink("Quay lại", "Index", null, new { @class = "btn btn-primary btn-sm" })
        </div>

    </div>
}

<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>

<script src="~/Scripts/datepicker.js"></script>
<script src="~/Scripts/jquery-ui-1.11.4.js"></script>
<script src="~/Scripts/jquery.maskedinput.js"></script>
<script src="~/Scripts/jquery.maskMoney.js"></script>
<script src="~/Scripts/jquery.number.js"></script>
<script src="~/Scripts/jquery.masknumber.js"></script>
<script src="~/Scripts/moment.js"></script>

<script type="text/javascript">

    // Voi jQuery 1.9 > thi chi validate gia tri trong active tab
    // Muon validate nhung gia tri trong cac tab khac nua thi dung jquery.validate 1.8.1 or 1.7


    // mask edit cho truong ngay thang (su dung jquery.maskedinput)


    function ToJavaScriptDate(value) {
        if (value != null) {
            var pattern = /Date\(([^)]+)\)/;
            var results = pattern.exec(value);
            var dt = new Date(parseFloat(results[1]));
            return dt.getDate() + "/" + (dt.getMonth() + 1) + "/" + dt.getFullYear();
        }
        return null;
    }
</script>

<script type='text/javascript'>
    $(document).on('change', '.btn-file :file', function () {
        var input = $(this),
            numFiles = input.get(0).files ? input.get(0).files.length : 1,
            label = input.val().replace(/\\/g, '/').replace(/.*\//, '');
        input.trigger('fileselect', [numFiles, label]);
    });

    function preview_image(event) {
        var reader = new FileReader();
        reader.onload = function () {
            var output = document.getElementById('output_image');
            output.src = reader.result;
        }
        reader.readAsDataURL(event.target.files[0]);
    }
</script>

<script type="text/javascript">
    $("#DSSH_NGAYSH").datepicker({
        changeMonth: true,
        changeYear: true,

        dateFormat: 'dd/mm/yy'
    });


    $("#DSSH_NGAYSH").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });

    // cho phep nhap so thap phan (su dung jquery.number)
    //$("#GV_THAMNIENLX").number(true, 2, '.', '');

</script>

@Styles.Render("~/Content/themes/base/css")

<script type="text/javascript">
    $(document).ready(function () {
        $("#DSSH_TTSH_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_GiaoVien/AutoCompleteDSSH_TTSH_MA",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.SH_TENKYSH, value: item.SH_MA };
                        }))


                    }
                })
            },
            messages: {
                noResults: "", results: ""
            }
        });

        //mã học viên
        $("#DSSH_HV_MA").autocomplete({
            source: function (request, response) {
                $.ajax({
                    url: "/GPS_GiaoVien/AutoCompleteDSSH_HV_MA",
                    type: "POST",
                    dataType: "json",
                    data: { term: request.term },
                    success: function (data) {
                        response($.map(data, function (item) {
                            return { label: item.HV_HODEM, value: item.HV_MA };
                        }))


                    }
                })
            },
            messages: {
                noResults: "", results: ""
            }
        });

        //hồ sơ:

        //$("#DSSH_SOHOSO").autocomplete({
        //    source: function (request, response) {
        //        $.ajax({
        //            url: "/GPS_GiaoVien/AutoCompleteDSSH_SOHOSO",
        //            type: "POST",
        //            dataType: "json",
        //            data: { term: request.term },
        //            success: function (data) {
        //                response($.map(data, function (item) {
        //                    return { label: item.SH_TENKYSH, value: item.SH_MA };
        //                }))


        //            }
        //        })
        //    },
        //    messages: {
        //        noResults: "", results: ""
        //    }
        //});



    })
</script>